<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../css/main6.css">
</head>
<body>
<div id="wrap">
    <header>
        <div class="div_fix">
            <nav>东莞铧冠橡塑料制品有限公司能管中心</nav>
            <div class="top_bar right_bar">
                <span style="font-size: 24px;">企业概览</span>
                <div class="inner">
                    <span id="date"></span>
                    <p id="time"></p>
                </div>
            </div>
        </div>
    </header>
    <div class="container">
        <div class="top_table">
            <table width="1080" cellpadding="0" cellspacing="0" >
                <thead>
                <tr>
                    <th>用能概况</th>
                    <th width="22" class="space"></th>
                    <th>电（千瓦时）</th>
                    <th>天然气（立方米）</th>
                </tr>
                </thead>
                <tbody>
                <tr class="space_tr">
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                </tr>
                <tr>
                    <th>今日用量</th>
                    <td class="space"></td>
                    <td>5270</td>
                    <td>5270</td>
                </tr>
                <tr>
                    <th>当月用量</th>
                    <td class="space"></td>
                    <td>5270</td>
                    <td>5270</td>
                </tr>
                <tr>
                    <th>当年用量</th>
                    <td class="space"></td>
                    <td>5270</td>
                    <td>39202</td>
                </tr>
                </tbody>
            </table>
        </div>
        <div class="chart">
            <div class="box fl">
                <h3>综合能耗对比</h3>
                <div id="zhnh_month" class="chart_box"></div>
                <div id="zhnh_year" class="chart_box"></div>
            </div>
            <div class="box fr" style="margin-bottom: 0;">
                <h3>标准产品单耗对比</h3>
                <div id="cpdh_month" class="chart_box"></div>
                <div id="cpdh_year" class="chart_box"></div>
            </div>
        </div>
        <div class="sub_table">
            <table width="1080" height="150">
                <thead>
                <tr>
                    <th>用能概况</th>
                    <th width="22" class="space"></th>
                    <th>综合能耗</th>
                    <th>实际产量</th>
                    <th>拆标产量</th>
                    <th>单位实际产品能耗</th>
                    <th>单位标准产品能耗</th>
                </tr>
                </thead>
                <tbody>
                <tr class="space_tr">
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                </tr>
                <tr>
                    <th>昨日</th>
                    <td class="space"></td>
                    <td>5270</td>
                    <td>5270</td>
                    <td>5270</td>
                    <td>5270</td>
                    <td>5270</td>
                </tr>
                <tr>
                    <th>上月</th>
                    <td class="space"></td>
                    <td>5270</td>
                    <td>5270</td>
                    <td>5270</td>
                    <td>5270</td>
                    <td>5270</td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>
    <div class="container"  >
        <div id="wrap2">
            <div class="top_table" id="top_table2">
                <table width="650" height="200" cellpadding="0" cellspacing="0" id="main2_table">
                    <thead>
                    <tr>
                        <th>用能概况</th>
                        <th width="22" class="space"></th>
                        <th  colspan="3">电（千瓦时）</th>
                        <th >天然气（立方米）</th>
                    </tr>
                    </thead>
                    <tbody>

                    <tr class="space_tr">
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                    </tr>
                    <tr>
                        <td></td>
                        <td class="space"></td>
                        <td colspan="3">
                            <table width="100%" cellspacing="0" cellpadding="0">
                                <tr>
                                    <td>峰</td>
                                    <td>平</td>
                                    <td>谷</td>
                                </tr>
                            </table>
                        </td>
                        <td>
                        </td>
                    </tr>
                    <tr>
                        <th>今日用量</th>
                        <td class="space"></td>
                        <td>5270</td>
                        <td>5270</td>
                        <td>5270</td>
                        <td>5270</td>

                    </tr>
                    <tr>
                        <th>当月用量</th>
                        <td class="space"></td>
                        <td>5270</td>
                        <td>5270</td>
                        <td>5270</td>
                        <td>5270</td>

                    </tr>
                    <tr>
                        <th>当年用量</th>
                        <td class="space"></td>
                        <td>5270</td>
                        <td>39202</td>
                        <td>39202</td>
                        <td>39202</td>

                    </tr>
                    </tbody>
                </table>
            </div>
            <div class="energy_fee">
                <div id="energy_fee">

                </div>
            </div>
        </div>
        <div class="chart">
            <div class="box fl">
                <h3>电能耗对比（千瓦时）</h3>
                <div id="Dnh_month" class="chart_box"></div>
                <div id="Dnh_year" class="chart_box"></div>
            </div>
            <div class="box fr" style="margin-bottom: 0;">
                <h3>天然气用量对比（立方米）</h3>
                <div id="trq_month" class="chart_box"></div>
                <div id="trq_year" class="chart_box"></div>
            </div>
        </div>
        <div class="cjyd">
            <h3>各车间用电费用（元）</h3>
            <!--<div id="cjyd" class="chart_box"></div>-->
            <div id="day_ele_fee" class="ele_fee"></div>
            <div id="month_ele_fee" class="ele_fee"></div>
            <div id="year_ele_fee" class="ele_fee"></div>
        </div>
    </div>
</div>
</body>
<script src="../js/lib/echarts.min.js"></script>
<script src="../js/main6.js"></script>
</html>